<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="header :: commonHead('体育社区 | 数据统计')"></head>
<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation" th:include="header :: commonMenu('statistics','数据统计')">
    </nav>
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <a href="/logout">
                            <i class="fa fa-sign-out"></i> 登出
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>统计页面</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a>数据</a>
                    </li>
                    <li class="active">
                        <strong>统计</strong>
                    </li>
                </ol>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>活动次数统计</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">

                            <table class="table">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>社团名称</th>
                                    <th>活动次数</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>温州二职篮球社</td>
                                    <td>12</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>温州二职足球社</td>
                                    <td>15</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>温州五中羽毛球社</td>
                                    <td>10</td>
                                </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>社团信息 </h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-user">
                                    <li><a href="#">Config option 1</a>
                                    </li>
                                    <li><a href="#">Config option 2</a>
                                    </li>
                                </ul>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">

                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>社团名称</th>
                                    <th>社团活动趋势</th>
                                    <th>所属组织</th>
                                    <th>社团负责人</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>温州二职篮球社</td>
                                    <td><span class="line">5,3,2,-1,-3,-2,2,3,5,2</span></td>
                                    <td>温州二职</td>
                                    <td class="text-navy"> <i class="fa fa-user"></i> 林老师 </td>

                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>温州二职篮球社</td>
                                    <td><span class="line">5,3,9,6,5,9,7,3,5,2</span></td>
                                    <td>温州二职</td>
                                    <td class="text-navy"> <i class="fa fa-user"></i> 林老师2 </td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>温州二职篮球社</td>
                                    <td><span class="line">1,6,3,9,5,9,5,3,9,6,4</span></td>
                                    <td>温州二职</td>
                                    <td class="text-navy"> <i class="fa fa-user"></i> 林老师3 </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>社团活动信息</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>

                                        <th>#</th>
                                        <th>社团名称 </th>
                                        <th>活动时间 </th>
                                        <th>活动地点</th>
                                        <th>参与人数</th>
                                        <th>活动图片</th>
                                        <th>活动联系人</th>
                                        <th>联系方式</th>
                                        <th>备注</th>
                                    </tr>
                                    </thead>
                                    <tbody th:each="data:${dataList}">
                                    <tr>
                                        <td>1</td>
                                        <td th:text="${data.getName()}">...</td>
                                        <td th:text="${data.getDate()}">...</td>
                                        <td th:text="${data.getAddr()}">...</td>
                                        <td th:text="${data.getNum()}">...</td>
                                        <td><img th:src="${data.getImg()}" width="30" height="30"></td>
                                        <td th:text="${data.getContacts()}">...</td>
                                        <td th:text="${data.getTel()}">...</td>
                                        <td th:text="${data.getDesc()}">...</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
        <span th:include="common_js:: commonOnLoadJs"></span>
    </div>
</div>
<span th:include="common_js:: commonOnLoadJs"></span>
</body>
</html>
